@charset "UTF-8";
@media screen, projection
{
  /**
   * (en) Repositioning content container
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col3   | #col1               |
   * | flexible| 75%                 |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* #col1 becomes the main column*/
  #col1 { width: 75%; float:right}
  #col1_content { padding: 10px 20px 10px 10px; }

  /* #col2 is turned off */
  #col2 { display:none; }

  /* #col3 becomes the left column */
  #col3 { margin-left: 0; margin-right: 75%; }
  #col3_content { padding: 10px 10px 10px 20px; }

  /* Graphic-free column dividers between #col1 and #col3*/
  #col3 {border-right: 1px #ddd solid;}
  #main {padding: 1em 0}
}
